import React from "react";
import './Overview.less'
import Engineering from "../components/jwh/Engineering";
import { Button, Tabs } from "antd";
import type { TabsProps } from "antd";
const Overview: React.FC = () => {
  const oncahnge = (key: string) => {
    console.log(key)
  }

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '工程信息',
      children: <Engineering />
    },
    {
      key: '2',
      label: '渠系建筑物',
      children: <div>组织管理</div>
    },
    {
      key: '3',
      label: '渠道',
      children: <div>管理手册</div>
    },
    {
      key: '4',
      label: '灌片',
      children: <div>划权确界</div>
    },
  ]

  return (
    <div className="overview">
      <div className="overview-header">
        <Button type="primary">基础信息</Button>
        <Button type="primary">组织管理</Button>
        <Button type="primary">管理手册</Button>
        <Button type="primary">划权确界</Button>
      </div>
      <div className="overview-content">
        <Tabs defaultActiveKey="1" items={items} onChange={oncahnge} />
      </div>
    </div>
  )
}

export default Overview;